<template>
  <div class="bw-app-page-setup-container">
    <AppSetFormMenu class="bw-app-page-setup-side" />

    <div class="bw-app-page-setup-content">
      <RouterView v-slot="{ Component }">
        <KeepAlive>
          <component :is="Component" :key="route.fullPath" />
        </KeepAlive>
      </RouterView>
    </div>
  </div>
</template>

<script lang="ts" setup>
import { useRoute } from 'vue-router'

import AppSetFormMenu from './side/index.vue'
const route = useRoute()
</script>

<style scoped lang="less">
.bw-app-page-setup-container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;

  .bw-app-page-setup-side {
    width: 300px;
    flex-shrink: 0;
    background: #fff;
  }

  .bw-app-page-setup-content {
    flex: 1;
    overflow: hidden;
    background-color: #f1f2f3;
  }
}
</style>
